<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页</title>
		<meta name="keywords" content="鼎搜网 鼎搜公益"/>
		<meta name="description" content="这是我第一次做鼎搜项目"/>
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/reg.css" />
		<script type="text/javascript">
			window.onload =function(){
				var l = document.getElementsByTagName("label")
				for(i=0;i<l.length;i++){
					l[i].onclick = function(){
						if(document.getElementById("r").style.display!="none"){
							document.getElementById("r").style.display="none";
						}else if(document.getElementById("r").style.display!="inline-block"){
							document.getElementById("r").style.display="inline-block";
						}
					}
				}				
			}
		</script>
	</head>
	<body>
		<!--主容器-->
		<div class="web">
			<!--头部-->
			<!--语义化标签-->
			<header class="clearfix">
				<!--logo部分-->
				<div class="imgwarp fl">
					<a href="index.html"><img src="images/logo_03.jpg" alt="" /></a>
				</div>
				<!--nav部分-->
				<ul class="nav fl clearfix">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="detail.html">关于鼎搜</a>
					</li>
					<li class="active">
						<a href="login.html">鼎搜服务</a>
					</li>
					<li>
						<a href="list.html">鼎搜动态</a>
					</li>
					<li>
						<a href="reg.html">鼎搜诚聘</a>
					</li>
					<li>
						<a href="#">鼎搜公益</a>
					</li>
				</ul>
				<!--search部分-->
				<div class="search">
					<form action="#" method="get">
						<input type="text" name="search" />
						<input type="image" src="images/search.jpg" />
					</form>
				</div>
			</header>
			<!--kv部分-->
			<div class="carousel">
				<img src="images/pic1_03.jpg" alt="" />
			</div>
			<!--注册表标题-->
			<div class="l_title">
				<div></div>
				<div><span>我要转让</span><p>WO YAO ZHUAN RANG</p></div>
				<div></div>
				<p>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
			</div>
			<!--注册表框-->
			<div class="reg">
				<form action="" method="post">
					<table >
						<tr>
							<td>用户名：</td>
							<td><input type="text" name="username" required/></td>
							<td><span>*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)</td>
						</tr>
						<tr>
							<td>公司名称：</td>
							<td><input type="text" name="company" required/></td>
							<td><span>*</span></td>
						</tr>
						<tr>
							<td>登录密码：</td>
							<td><input type="password" name="pwd" required/></td>
							<td><span>*</span></td>
						</tr>
						<tr>
							<td>确认密码：</td>
							<td><input type="password" name="valipwd" required/></td>
							<td><span><span class="fix">*</span>×两次输入密码不一致</span></td>
						</tr>
						<tr>
							<td>电子邮箱：</td>
							<td><input type="email" name="mail" required/></td>
							<td><span>*</span> (每个电子邮邮箱只能注册一个帐号)</td>
						</tr>
						<tr>
							<td>安全问题：</td>
							<td colspan="2">
								<select name="question" title="11">
									<option value="-1">没安全提示问题</option>
									<option value="0">问题1</option>
									<option value="1">问题2</option>
									<option value="2">问题3</option>
								</select>
								(忘记密码时重设密码用)
							</td>
						</tr>
						<tr>
							<td>问题答案：</td>
							<td><input type="text" name="answer" /></td>
						</tr>
						<tr>
							<td>性别：</td>
							<td>
								<input id="boy" type="radio" name="sex" value="1"/>&nbsp;<label for="boy">男</label>&nbsp;
								<input id="girl" type="radio" name="sex" value="2"/>&nbsp;<label for="girl">女</label>&nbsp;
								<input id="secret" type="radio" name="sex" value="0"/ checked>&nbsp;<label for="secret">保密</label>&nbsp;
							</td>
							<td></td>
						</tr>
						<tr>
							<td>验证码：</td>
							<td colspan="2" class="vali"><input type="text" name="vali" />
								<span><img src="images/valicode.jpg" alt="" /></span>
								&nbsp;看不清？<a href="#">点击更换</a>
							</td>
						</tr>
						<tr>
							<td class="agree" colspan="3">
								<p>会员注册协议：</p>
								<p>1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。<br>
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。<br>
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</p><br>
<input id="agree" name="agree" type="checkbox" value="1" checked=""/>
<label for="agree"> 我已阅读并完全接受服务协议</label>   
<label class="yeah" for="agree"><div id="r"></div></label>
							</td>
						</tr>
						<tr>
							<td colspan="3"><button type="submit">注册</button></td>
						</tr>
					</table>
				</form>
			</div>
			<!--尾部-->
			<footer>
				<div>
					<h3>简介</h3>
					<ul>
						<li><a href="#">鼎搜网简介</a></li>
						<li><a href="#">鼎搜服务</a></li>
						<li><a href="#">会员身份实名认证</a></li>
					</ul>
				</div>
				<div>
					<h3>帮助</h3>
					<ul>
						<li><a href="reg.html">用户注册</a></li>
						<li><a href="#">关于鼎搜</a></li>
						<li><a href="#">在线咨询</a></li>
					</ul>
				</div>
				<div>
					<h3>共赢</h3>
					<ul>
						<li><a href="#">网站合作</a></li>
						<li><a href="#">用户协议</a></li>
						<li><a href="#">会员身份实名认证</a></li>
					</ul>
				</div>
				<div>
					<h3>导航</h3>
					<ul>
						<li><a href="#">地图首页</a></li>
						<li><a href="#">职能分类</a></li>
						<li><a href="#">企业名录</a></li>
					</ul>
				</div>
				<div class="last clearfix">
					<ul class="clearfix">
						<li><img src="images/phone.jpg"/></li>
						<li class="clearfix">
							<p><span class="letter-space">全国服务热线</span><br><span>440-880-1779</span></p>
							<p class="little-f">邮箱:dinsoo@163.com</p>
						</li>
						<li class="clearfix">
							<p class="little-f">投诉电话：4408801779<br>周一至周六：9:20-20:00</p>
							<a class="margin9" href=""><img src="images/button_sina_07.jpg"/></a>
							<a class="margin2" href=""><img src="images/button_qq_07.jpg"/></a>
						</li>
						<li><img src="images/erweima_06.jpg"/></li>
						<li>订&nbsp;阅&nbsp;信&nbsp;息</li>
					</ul>
				</div>
				<div class="c3"></div>
				<div class="bottom"><p>Copyright&copy;2015 鼎搜网(www.dinsoo.com) 版权所有</p></div>
			</footer>
		</div>
	</body>
</html>
